<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog Andon00-dialog" ng-init="dialog.init();">
    <div class="kmi-header-row">
        <!-- Andon信息選擇 -->
        <div class="header-title" ng-bind="'Andon00.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="Andon-detail"> 
                <div class="Andon-fields">
                    <div class="kmi-text-fields">
                        <!-- 設備編號 -->
                        <label class="label" ng-bind="'Andon00.machine_no' | translate"></label>
                        <label class="value" ng-bind="dialog.AndonItem.machine_no"></label>
                    </div>
                    <div class="kmi-text-fields right">
                        <!-- 區域編號 -->
                        <label class="label" ng-bind="'Andon00.area_no' | translate"></label>
                        <label class="value" ng-bind="dialog.AndonItem.area_no"></label>
                    </div>
                </div>
                <div class="Andon-fields">
                    <div class="kmi-text-fields">
                        <!-- 生產批號 -->
                        <label class="label" ng-bind="'Andon00.lot_no' | translate"></label>
                        <input ng-model="dialog.AndonItem.lot_no" readonly="readonly" ng-click="dialog.getLotNo();"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                    <div class="kmi-text-fields right"">
                        <!-- 作業站編號 -->
                        <label class="label" ng-bind="'Andon00.op_no' | translate"></label>
                        <input ng-model="dialog.AndonItem.op_no" readonly="readonly" ng-click="dialog.getOpNo();"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                </div>
                <div class="Andon-fields">
                    <div class="kmi-text-fields">
                        <!-- 安燈原因 -->
                        <label class="label" ng-bind="'Andon00.slight_reason_no' | translate"></label>
                        <input ng-model="dialog.AndonItem.slight_reason_name" readonly="readonly" ng-click="dialog.getSlightReasonNo();"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                    <div class="kmi-text-fields right">
                        <!-- 緊急程度 -->
                        <label class="label" ng-bind="'Andon00.grade' | translate"></label>
                        <input ng-model="dialog.AndonItem.gradename" readonly="readonly" ng-click="dialog.getGrade();"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                </div>
                <div class="Andon-fields">
                    <div class="kmi-text-fields">
                        <!-- 物料編號 -->
                        <label class="label" ng-bind="'Andon00.materials_no' | translate"></label>
                        <input ng-model="dialog.AndonItem.materials_no" readonly="readonly" ng-click="dialog.getMaterialsNo();"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    </div>
                    <div class="kmi-text-fields right">
                        <!-- 鏈結對象 → 目前 SA 還沒規劃此功能，所以畫面先隱藏起來 -->
                        <!-- <label class="label" ng-bind="'Andon00.link_program' | translate"></label>
                        <input ng-model="dialog.AndonItem.linkProgram" readonly="readonly" ng-click="dialog.getLinkProgram();"></input>
                        <div class="tip"><i class="material-icons">&#xE5CF;</i></div> -->
                    </div>
                </div>
                <div class="Andon-fields" style="height: 85px; display: flex; align-items: center;">
                    <div class="kmi-text-fields">
                        <!-- 描述 -->
                        <label class="label" ng-bind="'Andon00.description' | translate"></label>
                        <textarea class="textarea" type="text" rows="3" ng-model="dialog.AndonItem.description"></textarea>
                    </div>
                </div>
            </div>
            <div class="btn-panel">
                <!-- 確認按鈕 -->
                <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width:100px">
                    <label ng-bind="'Andon00.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
